<template>
    <section id="conmonDisabled1" v-if="conmonDisabled == true">
        <el-row>
            <el-col :span="23"><div class="grid-content bg-purple">
                <el-form :inline="true" :model="formInline" class="demo-form-inline">
                     <el-form-item label="影院名称">
                        <el-input v-model.trim="formInline.user" placeholder="影院名称"></el-input>
                    </el-form-item>
                    <el-form-item label="专资编码">
                        <el-input v-model.trim="formInline.user1" placeholder="专资编码"></el-input>
                    </el-form-item>
                    <el-form-item label="影院地址">
                        <el-input v-model.trim="formInline.user" placeholder="影院地址"></el-input>
                    </el-form-item>
                    <el-form-item label="信息变更时间">
                        <el-date-picker
      v-model="formInline.value1"
      type="datetimerange"
      range-separator="至"
      start-placeholder="开始日期"
      end-placeholder="结束日期">
    </el-date-picker>
                    </el-form-item>
                    <el-form-item>
                        <el-button class="btn commonButton" @click="onSubmit(formInline)">筛选</el-button>
                    </el-form-item>
                </el-form>
            </div></el-col>
            <el-col :span="1"><div class="grid-content bg-purple-light">
                <i class="el-icon-close" style="font-size: 30px;" @click="conmonDisabledNone(formInline)"></i>
                </div></el-col>
        </el-row>
    </section>
</template>
<script>
export default {
    name:'form',
    data(){
        return {
            formInline: {
            user: '',
            user1: ''
            },
            // conmonDisabled:false
      }
        
    },
    props:['conmonDisabled'],
    methods: {
        getShow() {
            // debugger
            this.conmonDisabled = true;
        },
        onSubmit(formInline) {
            this.$emit('condition',formInline)
        },
        conmonDisabledNone(formInline) {
            this.formInline= {
                user: '',
                user1: ''
            }
            this.$emit('conmonDisabledNone',this.formInline)
        }
    },
    created(){
        },
        mounted(){   
                  
        },
}
</script>
<style scoped>
#conmonDisabled1 {
padding: 20px; background: #f5f5f5;
}
</style>